.swiper {
    width: 100%;
    height: 200px;

    img {
        width: 100%;
        height: 100%;
        background-size: cover;
    }
}


.home-center {
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;

    .center {
        height: 150px;
        margin-bottom: 20px;
        border-radius: 20px;
        font-weight: bold;

        p {
            margin-left: 10px;
        }
    }

    .ranking {
        background: url(../../assets/imgs/index-card-rank.png) no-repeat;
        background-position: -15px 20px;
        background-size: 121px;
        background-color: rgba(21, 146, 204, 1);
        color: rgba(0, 81, 119, 1);

        #rank {
            position: absolute;
            right: 10px;
            bottom: 0px;
        }
    }

    .run {
        background: url(../../assets/imgs/index-card-data.png) no-repeat center center;
        background-size: cover;
    }

    .run,
    .sum,
    .course,
    .homeoutrun {
        height: 110px;
    }

    .clock {
        background: url(../../assets/imgs/index-card-sum.png) no-repeat;
        background-position: 10px 30px;
        background-size: 110px;
        background-color: rgba(123, 203, 245, 1);

        #bradge {
            border: 3px solid rgba(0, 81, 119, 1);
            height: 30px;
            width: 85px;
            line-height: 30px;
            border-radius: 20px;
            position: absolute;
            right: 10px;
            bottom: 0px;
        }
    }

    .sum {
        background: url(../../assets/imgs/index-card-badge.png) no-repeat;
        background-position: 5px 30px;
        background-size: 85px;
        background-color: mediumpurple;

        .summ {
            position: absolute;
            right: 10px;
            bottom: 10px;


            #bad {
                font-size: 70px;
            }
        }
    }

    .course {
        background: url(../../assets/imgs/index-swiper-bg2.jpg) no-repeat;
        background-size: cover;
    }

    .homeoutrun {
        background: url(../../assets/imgs/index-card-run.png) no-repeat center center;
        background-size: cover;
    }

}